@import url("./home.css");
@import url("./brand.css");
@import url("./product.css");
@import url("./info.css");
@import url("./contact.css");
/* @import url("http://www.cmsya.com/libs/integrity/css/cssreset.css"); */

*, ::after, ::before {margin:0;padding:0;box-sizing: border-box;}
img{vertical-align: middle;}
html,body{display: block;}
ul li {list-style-type: none;}
div:after,.container:after, #banner:after,.clearfix{
	clear: both;
  display: table;
  content: "";
}
a { color:inherit ;}
a:link{ color: inherit;text-decoration : none;}/* 链接默认为红色 */
a:hover{ color: inherit ;text-decoration : none;}/* 鼠标悬停黑色 */
a:active{ color: inherit;}/* 鼠标点击与释放时蓝色 */
a:visited{ color: inherit;}/* 访问过为粉红 */

body{
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}

#app {
  color: #2c3e50;
}
html,body,#app,.container{min-width: 1000px;}
#main{
  margin-bottom: 20px;
}
.container{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.container .title{
  width: 100%;
  text-align: center;
  color: #489688;
  margin-bottom: 100px;
}
.content_item {
  margin-bottom: 100px;
}
#logo{
  margin-top: 10px;
  text-align: center;
}
#navigation {
  padding: 30px;
  display: flex;
  font-size: 14px;
}

#navigation a {
  text-align: center;
  font-weight: bold;
  color: #2c3e50;
  flex: 1;
}

#navigation a.router-link-exact-active {
  color: #2bc5ad;
}

#about {
  font-size: 30px;
}
#footer{
  /* width: 100%; */
  color: #ffffff;
  padding: 80px 0;
  background: rgba(67, 67, 67, 1);
}
#footer .container{
  display: flex;
}
#footer .container .left, #footer .container .middle, #footer .container .right{
  flex: 1;
}
#footer .container h3{
  font-weight: 100;
  margin-bottom: 30px;
}
#footer .container > div{
  line-height: 200%;
}
#footer .container .menu-list a{
  display: block;
  float: left;
  width: 40%;
}
#footer .container .menu-list a::before{
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ffffff;
  margin-right: 10px;
}
#footer .container .right .left, #footer .container .right .right{
  width: 50%;
  float: left;
  text-align: center;
}
#footer .container .right img{
  width: 140px;
}

#banner{
  width: 100%;
  min-width: 1000px;
}
#banner img{
  width: 100%;
  min-width: 1000px;
  object-fit: cover;
}
#banner .el-carousel__container{
  height: 450px;
}
.page-title {
  width: 100%;
  text-align: center;
  margin-bottom: 100px;
  color: rgba(72, 150, 136, 1);
  margin:80px auto
}
.page-title h2{font-size: 24px;}
.page-title h2:first-child{font-weight: 100;}


#info-item .item {
  width: 378px;
  float: left;
  margin: 10px;
  border: 1px solid #eee;
  cursor: pointer;
  transition: transform 0.5s;
}

#info-item .item:hover {
  transform: translateY(-20px) scale(1.05);
  box-shadow: 0 5px 10px 5px #AAAAAA;

}

#info-item .item>img {
  width: 378px;
  /* height: 260px; */
  height: 378px;
  display: block;
}

#info-item .item > h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
  color: rgba(0, 0, 0, 1);
  line-height: 30px;
  margin-top: 12px;
  height: 60px;
  box-sizing: border-box;
  padding: 0 20px;
  text-align: center;
}
#info-item .item > div {
  padding: 10px;
}
#info-item .item > div > p:last-child {
  text-align: center;
  font-weight: 400;
  color: rgba(72, 150, 136, 1);
  line-height: 35px;
}
#info-item .time {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  box-sizing: border-box;
  padding-bottom: 20px;
  padding-left: 20px;
}